<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="">
  <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
  <meta name="generator" content="Hugo 0.88.1">
  <title>巡游轨迹的个人博客</title>
  <link href="../dist/css/bootstrap.min.css" rel="stylesheet">
  <style>
  </style>
  <link href="../dist/css/navbar.css" rel="stylesheet">
  <link href="../dist/css/carousel.css" rel="stylesheet">
  <link href="../dist/css/yanwu.css" rel="stylesheet">
  <link href="../dist/css/footers.css" rel="stylesheet">
  <link href="../dist/css/features.css" rel="stylesheet">
  <script src="../dist/js/jquery.min.js"></script>
</head>

<body>
  <!-------------------导航栏------------------->.
  <nav class="navbar navbar-expand-lg navbar-light bg-light rounded fixed-top" aria-label="Eleventh navbar example">
    <div class="container-fluid">
      <img src="../images/TouXiang.jpg" alt="" width="35" height="35" class="rounded-circle me-2">
      <a class="navbar-brand" href="start.html">巡游轨迹的个人博客</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample09"
        aria-controls="navbarsExample09" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarsExample09">
        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
          <li class="nav-item">
            <a class="nav-link active" aria-current="page" href="download.html">旅行攻略</a>
          </li>
          <li class="nav-item">
            <a class="nav-link active" aria-current="page" href="personal.html"
              style="color:rgba(0, 163, 228, 0.87) ;">个人简介</a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="dropdown09" data-bs-toggle="dropdown"
              aria-expanded="false">更多</a>
            <ul class="dropdown-menu" aria-labelledby="dropdown09">
              <li><a class="dropdown-item" href="message.html">留言</a></li>
              <li><a class="dropdown-item" href="Updatelog.html">图片上传</a></li>
            </ul>
          </li>
        </ul>
        <form>
          <input id="textId" class="form-control" type="text" placeholder="请输入..." aria-label="Search">
        </form>
        <div class="text-end">
          &nbsp;&nbsp;<button id="btn" type="button"
            class="btn btn-warning">搜索</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        </div>
      </div>
    </div>
  </nav>
  <main>
    <div>
      <div style="height: 50px;"></div>
      <div class="container marketing">
        <!-- Three columns of text below the carousel -->
        <div class="row">
          <div class="col-lg-4">
          </div><!-- /.col-lg-4 -->
          <div class="col-lg-4">
            <img src="../images/jianjie.jpg" alt="" style="width:50%; height:60%;" />
            <h2>巡游轨迹</h2>
            <p>陈默，旅游博主，2019年10月入选2019福布斯中国30位30岁以下精英榜单.
            </p>
          </div><!-- /.col-lg-4 -->
          <div class="col-lg-4">
          </div><!-- /.row -->
          <h2 class="pb-2 border-bottom">旅行对我而言：</h2>
          <div style="background-color:rgb(255, 255, 255) ;">
            <p class="text">
              &nbsp;&nbsp;旅途的意义，就在于我们得到了些什么。殊不知，在得到的同时，也在失去。因此，处理好得失之间的平衡，尤为重要。
              时间总会在你享受某件事时，流逝的飞快。夜幕之下的人儿，挥手作别，算是真正结束了这段旅程。之前我们也与司机、导游道别，可想而知道别的场景总是伤感的。有六天的相处我们从陌生人变为朋友，可人总是在相熟之后面临分别。而这时，我们将失去这一个个熟悉的面容，未免有些不舍。
              诚然，我们就没有从这些朋友身上得到些什么吗？当然是有的。从导游口中得到了川西的人文素养，从同行人笔下得到了对于自然不同的见解，从这些朋友中收获了友谊与知识。也许，在未来的某一天会与某些人再次见面；也许，此生不会与这些人再次同行。可是，胜于再续前缘的还是回忆的收获。
              浏览着手机中的照片，看过红石的坚守，领略过大渡河的汹涌，敬畏过雪峰的高贵与珍珠海的圣洁。可悲的是，如今只可在仅存的相片中寻觅着它们的踪迹，只可在文章中重温它们的气势。我们无法一直处在川西这片大地之上，也无法一直以自然为伴。总是要结束旅途，回到平淡的生活中继续行走。想罢，旅途会让人有失去的沧桑感。
              徐志摩对于得失发表过感慨：得知我幸，失之我命，如此而已。可想而知，徐志摩早已对得失有了清醒的认识，他可以很好地权衡得失，权衡心态。所以，既然失去是每个人必然的宿命，何不把那一点得到当作自己的幸运呢？
              我们既然失去了与自然相伴机会，那么就该铭记自然带给我们的体悟。因此，我会记得藏民的虔诚与信仰；因此，我会记得雪峰与珍珠海的圣洁；因此，我会记得面对自然是谦卑与敬畏。如此平衡得失，或许容易些许。
              写到这里，我就不应该为那短暂的失去而落泪，该为得到灵魂、思想的洗礼而所幸。人生不会永远的失去，也不会一味地得到。它总是在得到的同时失去，在失去的同时又得到。在得失的两个境地，寻找到一个平衡点，对于生活甚是重要，对人生同样如此。
              于是，我不会再含泪道别，而是微笑面对归途。即使不知，后会是否有期。
            </p>
          </div>
          <hr>
        </div>
        <div>
  </main>

  <!--------获奖-------->
  <div>
    <div class="container px-4 py-5" id="custom-cards">
      <h2 class="pb-2 border-bottom">获奖</h2>

      <div class="row row-cols-1 row-cols-lg-3 align-items-stretch g-4 py-5">
        <div class="col">
          <div class="card card-cover h-100 overflow-hidden text-white bg-dark rounded-5 shadow-lg"
            style="background-image: url('../images/Award/0.jpg');">
            <div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1">
              <h2 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold">滁州市第二届, 旅游商品大赛</h2>
              <ul class="d-flex list-unstyled mt-auto">
                <li class="me-auto">
                </li>
                <li class="d-flex align-items-center me-3">
                  <img src="../images/Award/dw.png" style="width:2em ;height:2em">
                  <small>滁州市</small>
                </li>
                <li class="d-flex align-items-center">
                  <img src="../images/Award/rl.png" style="width:em ;height:1em">
                  <small>&nbsp;3月</small>
                </li>
              </ul>
            </div>
          </div>
        </div>

        <div class="col">
          <div class="card card-cover h-100 overflow-hidden text-white bg-dark rounded-5 shadow-lg"
            style="background-image: url('../images/Award/1.jpg');">
            <div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1">
              <h2 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold">安徽省旅游演讲大赛</h2>
              <ul class="d-flex list-unstyled mt-auto">
                <li class="me-auto">
                </li>
                <li class="d-flex align-items-center me-3">
                  <img src="../images/Award/dw.png" style="width:2em ;height:2em">
                  <small>安徽省</small>
                </li>
                <li class="d-flex align-items-center">
                  <img src="../images/Award/rl.png" style="width:em ;height:1em">
                  <small>&nbsp;4月</small>
                </li>
              </ul>
            </div>
          </div>
        </div>

        <div class="col">
          <div class="card card-cover h-100 overflow-hidden text-white bg-dark rounded-5 shadow-lg"
            style="background-image: url('../images/Award/2.jpg');">
            <div class="d-flex flex-column h-100 p-5 pb-3 text-shadow-1">
              <h2 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold">2020博鳌国际旅游奖</h2>
              <ul class="d-flex list-unstyled mt-auto">
                <li class="me-auto">
                </li>
                <li class="d-flex align-items-center me-3">
                  <img src="../images/Award/dw.png" style="width:2em ;height:2em">
                  <small>上海</small>
                </li>
                <li class="d-flex align-items-center">
                  <img src="../images/Award/rl.png" style="width:em ;height:1em">
                  <small>&nbsp;5月</small>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


  <div class="b-example-divider" style="height: 30px;"></div>
  <!-------------------分割------------------->
  <div class="container" style="height: 30px;">
    <!-------------------页脚------------------->
    <div id="lxfs">
      <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
        <div class="col-md-4 d-flex align-items-center">
          <a href="personal.html" class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1">
            <img src="../images/jianjie.jpg" width="24" height="24">
          </a>
          <span class="text-muted">&copy; 2022 Company, Inc</span>
        </div>
        <!-------------------弹框样式1------------------->.
        <div background-color="grey">
          <div class="back" v-if="showModal" @click="showModal=false"></div>
          <div class="pop" v-if="showModal"
            style="background:url('../images/footer/wxt.jpg')  no-repeat;background-size: cover;">
          </div>
        </div>
        <!-------------------弹框样式2------------------->.
        <div background-color="grey1">
          <div class="back" v-if="showModalqq" @click="showModalqq=false"></div>
          <div class="pop" v-if="showModalqq"
            style="background:url('../images/footer/qqt.jpg')  no-repeat;background-size: cover;">
          </div>
        </div>
        <ul class="nav col-md-4 justify-content-end list-unstyled d-flex">
          <li class="ms-3"><a class="text-muted" href="javascript:void(0)" v-bind="showModal" @click="wx1(index)"><img
                src="../images/footer/weixin.png" width="24" height="24"></a></li>
          <li class="ms-3"><a class="text-muted" href="javascript:void(0)" v-bind="showModalqq" @click="qq1(index)"><img
                src="../images/footer/qq.png" width="24" height="24"></a>
          </li>
          <li class="ms-3"><a class="text-muted" href="#"><img src="../images/footer/top.png" width="24"
                height="24"></a></li>
        </ul>
      </footer>
    </div>
    <script src="../dist/js/bootstrap.bundle.min.js"></script>
</body>
<script src="../dist/js/vue3.js"></script>
<script type="text/javascript">
  //右上角百度搜索
  var $eleBtn1 = $("#btn");
  $eleBtn1.click(function () {
    var value = document.getElementById("textId").value;
    console.log(value)
    var $eleForm = $("<form method='get' </form>");
    window.open("https://www.baidu.com/s?wd=" + value);
    $(document.body).append($eleForm);
    $eleForm.submit();
  })
  //文字烟雾
  var txt = document.querySelector(".text");
  txt.innerHTML = txt.textContent.replace(/\S/g, "<span>$&</span>");

  var arr = document.querySelectorAll("span");
  arr.forEach(function (temp) {
    temp.addEventListener('mouseover', () => {
      temp.classList.add('move');
    })
  })
</script>
<script>
  Vue.createApp({
    data() {
      return {
        showModal: false,
        showModalqq: false,
        qq: 'qq:2470****11',
        wx: 'wx:1807****21',
      }
    },
    methods: {
      //页脚qq弹框判断
      qq1(index) {
        this.showModalqq = true;
        this.showModal = false;
      },
      //页脚微信弹框判断
      wx1(index) {
        this.showModal = true;
        this.showModalqq = false;
      },
    }
  }).mount('#lxfs')
</script>

</html>